<script lang="ts" setup>
import Header from './components/header/index.vue';
import Main from './components/main/index.vue';
import Slider from './components/slider/index.vue';

const collapsed = ref<boolean>(false);

function onUpdateCollapsed(value: boolean) {
  collapsed.value = value;
}
</script>

<template>
  <ALayout class="w-screen h-screen">
    <Slider :collapsed="collapsed" />
    <ALayout>
      <Header @update:collapsed="onUpdateCollapsed" />
      <Main />
    </ALayout>
  </ALayout>
</template>

<style>
</style>
